Angular Google Charts অ্যাপ্লিকেশন তৈরি করার পর, আপনাকে সেটি ডিপ্লয় করতে হবে যেন এটি ব্যবহারকারীরা ইন্টারনেটের মাধ্যমে অ্যাক্সেস করতে পারে। এখানে আমরা Angular অ্যাপ্লিকেশনটি কীভাবে Netlify, Firebase Hosting, বা Heroku-তে ডিপ্লয় করা যায় তা নিয়ে আলোচনা করব। আপনি যেকোনো একটি প্ল্যাটফর্ম ব্যবহার করতে পারেন যা আপনার জন্য সুবিধাজনক।
Step 1: Angular অ্যাপ্লিকেশন বিল্ড করা
এটি করার জন্য আপনাকে প্রথমে আপনার Angular অ্যাপ্লিকেশনটি production-ready অবস্থায় তৈরি করতে হবে।
- Angular অ্যাপ্লিকেশন বিল্ড করুন: Angular অ্যাপ্লিকেশন বিল্ড করতে আপনি
ng build --prodকমান্ড ব্যবহার করতে পারেন, যা অ্যাপ্লিকেশনটিকে production ফোল্ডারে কম্পাইল করবে।
ng build --prod
এই কমান্ডটি চালানোর পর, Angular অ্যাপ্লিকেশনটি আপনার dist/ ফোল্ডারে কম্পাইল হবে। এটি একটি প্রোডাকশন বিল্ড তৈরি করবে, যা ছোট, অপটিমাইজড, এবং দ্রুত লোড হবে।
Step 2: Firebase Hosting-এ অ্যাপ্লিকেশন ডিপ্লয় করা
Firebase হল Google এর একটি ব্যাকএন্ড প্ল্যাটফর্ম যা অ্যাপ্লিকেশন হোস্টিং, ডেটাবেস, অথেনটিকেশন, এবং অন্যান্য সার্ভিস প্রদান করে। Firebase Hosting ব্যবহার করে আপনি Angular অ্যাপ্লিকেশনটি সহজেই ডিপ্লয় করতে পারেন।
Firebase Hosting সেটআপ:
- Firebase CLI ইনস্টল করা: Firebase CLI ইনস্টল করার জন্য এই কমান্ডটি চালান:
npm install -g firebase-tools
- Firebase প্রজেক্ট তৈরি করা: Firebase Console-এ গিয়ে একটি নতুন প্রজেক্ট তৈরি করুন (যদি না থাকে)। তারপর, Firebase CLI-তে লগইন করুন:
firebase login
- Firebase প্রজেক্টে অ্যাপ্লিকেশন যুক্ত করা: Firebase CLI ব্যবহার করে আপনার অ্যাপ্লিকেশনটি Firebase-এ যুক্ত করুন:
firebase init
এই কমান্ডটি চালানোর পর, কিছু অপশন নির্বাচন করতে বলা হবে:
- Hosting নির্বাচন করুন।
- আপনার Angular অ্যাপ্লিকেশনটির বিল্ড ফোল্ডার হিসেবে dist/[project-name] নির্বাচন করুন।
- Configure as a single-page app অপশনটি
Yesনির্বাচন করুন।
- Firebase Hosting-এ অ্যাপ্লিকেশন ডিপ্লয় করা: Firebase-এ অ্যাপ্লিকেশনটি ডিপ্লয় করার জন্য এই কমান্ডটি ব্যবহার করুন:
firebase deploy
এটি সফলভাবে ডিপ্লয় হলে Firebase আপনার অ্যাপ্লিকেশনটি একটি URL প্রদান করবে, যেখানে আপনি অ্যাপ্লিকেশনটি দেখতে পারবেন।
Step 3: Netlify Hosting-এ অ্যাপ্লিকেশন ডিপ্লয় করা
Netlify একটি অত্যন্ত জনপ্রিয় ফ্রি হোস্টিং প্ল্যাটফর্ম যা স্ট্যাটিক সাইট এবং জাভাস্ক্রিপ্ট অ্যাপ্লিকেশন হোস্ট করার জন্য ব্যবহৃত হয়। Netlify-তে Angular অ্যাপ্লিকেশন ডিপ্লয় করতে সহজ কিছু স্টেপ অনুসরণ করতে হবে।
Netlify Hosting সেটআপ:
- Netlify অ্যাকাউন্ট তৈরি করা: Netlify-তে একটি অ্যাকাউন্ট তৈরি করুন (যদি না থাকে) Netlify।
- Netlify CLI ইনস্টল করা: Netlify CLI ইনস্টল করতে এই কমান্ডটি ব্যবহার করুন:
npm install -g netlify-cli
- Netlify-এ অ্যাপ্লিকেশন ডিপ্লয় করা: আপনার প্রজেক্ট ডিরেক্টরিতে গিয়ে এই কমান্ডটি চালান:
netlify init
এটি Netlify প্রজেক্ট সেটআপ শুরু করবে। আপনি এটি গিট রিপোজিটরি থেকে কনফিগার করতে পারেন, অথবা সরাসরি অ্যাপ্লিকেশন ফোল্ডার থেকে হোস্টিং সেটআপ করতে পারেন।
- Build ফোল্ডার নির্বাচন করুন: যখন আপনি netlify init কমান্ডটি চালান, তখন আপনাকে dist/ ফোল্ডার নির্বাচন করতে বলা হবে।
- Netlify-এ ডিপ্লয় করা: সবকিছু কনফিগার করার পর, অ্যাপ্লিকেশনটি ডিপ্লয় করার জন্য এই কমান্ডটি চালান:
netlify deploy --prod
এটি সফলভাবে ডিপ্লয় হলে Netlify একটি URL প্রদান করবে, যেখানে আপনি অ্যাপ্লিকেশনটি দেখতে পারবেন।
Step 4: Heroku Hosting-এ অ্যাপ্লিকেশন ডিপ্লয় করা
Heroku একটি ক্লাউড প্ল্যাটফর্ম যা অ্যাপ্লিকেশন ডিপ্লয় করার জন্য ব্যবহৃত হয়। এখানে Angular অ্যাপ্লিকেশনটি Heroku-তে ডিপ্লয় করার প্রক্রিয়া বর্ণনা করা হচ্ছে।
Heroku Hosting সেটআপ:
- Heroku অ্যাকাউন্ট তৈরি করা: Heroku এর ওয়েবসাইটে গিয়ে একটি অ্যাকাউন্ট তৈরি করুন (যদি না থাকে)।
- Heroku CLI ইনস্টল করা: Heroku CLI ইনস্টল করতে এই কমান্ডটি ব্যবহার করুন:
npm install -g heroku
- Heroku অ্যাপ তৈরি করা: Heroku CLI ব্যবহার করে একটি নতুন অ্যাপ তৈরি করুন:
heroku create your-app-name
- Git Repository ইনিশিয়ালাইজ করা: আপনার Angular অ্যাপ্লিকেশনটির গিট রিপোজিটরি ইনিশিয়ালাইজ করুন (যদি না থাকে):
git init
heroku git:remote -a your-app-name
- Heroku তে Angular অ্যাপ্লিকেশন ডিপ্লয় করা: Angular অ্যাপ্লিকেশন বিল্ড করার পর, Heroku-তে ডিপ্লয় করতে নীচের কমান্ডটি ব্যবহার করুন:
ng build --prod
git add .
git commit -m "Deploy Angular app to Heroku"
git push heroku master
এটি সফলভাবে ডিপ্লয় হলে, Heroku আপনাকে একটি URL প্রদান করবে, যেখানে আপনি অ্যাপ্লিকেশনটি দেখতে পারবেন।
Conclusion
এই গাইডে আমরা দেখেছি কিভাবে Angular Google Charts অ্যাপ্লিকেশনটি বিভিন্ন প্ল্যাটফর্মে ডিপ্লয় করা যায়:
- Firebase Hosting - দ্রুত ডিপ্লয় এবং ইন্টিগ্রেশন।
- Netlify - ফ্রি হোস্টিং এবং সহজ ডিপ্লয়।
- Heroku - ক্লাউড ভিত্তিক অ্যাপ্লিকেশন হোস্টিং এবং ডিপ্লয়মেন্ট।
এগুলি আপনার Angular অ্যাপ্লিকেশনকে সহজে পাবলিশ করতে সহায়তা করবে এবং ব্যবহারকারীদের জন্য অ্যাক্সেসযোগ্য করে তুলবে।
Read more
